<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page import="model.entity.Product"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!--<link rel="stylesheet" type="text/css" href="css/animate.css" media="all">
<link rel="stylesheet" type="text/css" href="css/github.css" media="all">
<link rel="stylesheet" type="text/css" href="css/jPages.css" media="all">
<link rel="stylesheet" type="text/css" href="css/style12.css" media="all">
<script type="text/javascript" src="js/highlight.pack.js"></script>
<script type="text/javascript" src="js/jPages.js"></script>
<script type="text/javascript" src="js/jPages.min.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/js1.js"></script>
<script type="text/javascript" src="js/tabifier.js"></script>-->
<div id="ves-col-main" class="col-main">
					
												
						<!-- main content -->
<div class="page-title category-title">
        <h1>Categories</h1>
	
</div>

    <div class="category-products">
	<div class="toolbar-top">
            <div class="toolbar">
                <div class="pager">
                   <p class="amount amount-top"></p><!--p class="amount amount-bottom"></p-->
        <div class="pages">       
		<span>Page: </span>
                <ol>
                                    <li class="current">1</li>
                                                <li><a href="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;order=name&amp;p=2">2</a></li>
                    

        
        
                    <li class="next">
                <a class="next i-next" href="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;order=name&amp;p=2" title="Next">
                                            next »
                                    </a>
            </li>
                </ol>

        </div>
    	
        <div class="limiter">
            <label>Show</label>
            <select onchange="setLocation(this.value)">
                            <option value="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;limit=20&amp;order=name" selected="selected">
                    20                </option>
                            <option value="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;limit=40&amp;order=name">
                    40                </option>
                            <option value="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;limit=60&amp;order=name">
                    60                </option>
                        </select>         
        </div>
                <p class="view-mode">
                                    <label>View as:</label>
                                                <strong title="Grid" class="grid">Grid</strong>&nbsp;
                                                                <a href="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;mode=list&amp;order=name" title="List" class="list">List</a>&nbsp;
                                                </p>
            
        <div class="sort-by">
            <label>Sort By</label>
            <select onchange="setLocation(this.value)">
                            <option value="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;order=position">
                    Position                </option>
                            <option value="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;order=name" selected="selected">
                    Name                </option>
                            <option value="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;order=price">
                    Price                </option>
                        </select>
                            <a href="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=desc&amp;order=name" title="Set Descending Direction"><img src="Storage_files/i_asc_arrow.png" alt="Set Descending Direction" class="v-middle"/></a>
                    </div>
            </div>
        </div>
        </div>
        <ul class="products-grid first last odd">
    	<%
    List<Product> lpro = (List<Product>)session.getAttribute("lproid");
    for(int i = 0;i < lpro.size(); i++)
       {%>           
			
			<li class="item ">
				<div class="item-content">
					
                                    <a href="<c:url value="/detailproduct">
                                           <c:param name="id" value="<%= String.valueOf(lpro.get(i).getProductid())%>"></c:param></c:url>" title=" Asus Zenbook" class="product-image"><img src="images/product/<%= lpro.get(i).getPicture() %>" height="108" width="163"/></a>						
                                    <div class="wrap-option">
                                        <h2 class="product-name"><a href="<c:url value="/detailproduct">
                                           <c:param name="id" value="<%= String.valueOf(lpro.get(i).getProductid())%>"></c:param></c:url>" title=" <%= lpro.get(i).getProductname().toString() %>"> <%= lpro.get(i).getProductname().toString() %></a></h2>
												
                                    <div class="price-box">
                                                <p class="old-price">
                                            <span class="price-label">Regular Price:</span>
                                            <span class="price" id="old-price-6">
                                                $<%= String.valueOf(lpro.get(i).getUnitcost()) %>             </span>
                                        </p>
                                                    <p class="special-price">
                                            <span class="price-label">Special Price:</span>
                                            <span class="price" id="product-price-6">
                                                $<%= String.valueOf(lpro.get(i).getTotalamount()) %>              </span>
                                        </p>
                                    </div>

                                    <ul class="add-to-links">                                                                                                        <li><a href="<c:url value="/listcompare"><c:param name="id" value="<%= String.valueOf(lpro.get(i).getProductid())%>"></c:param></c:url>" class="link-compare">Compare</a></li>                                                                           </ul>						
                                    <div class="actions">
                                        <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('<c:url value="/listshoppingcart"><c:param name="id" value="<%= String.valueOf(lpro.get(i).getProductid())%>"></c:param><c:param name="qty" value="1"></c:param></c:url>')"><span><span>Add to Cart</span></span></button>
                                    </div>

                                </div>
                            </div>
                        </li>
                <%}%>		
                    </ul>
                        
    <script type="text/javascript">
        decorateGeneric($$('ul.products-grid',['odd', 'even', 'last']))
        window.document.title ="Categories";
    </script>
       
    <div class="toolbar-bottom">
        <div class="toolbar">
            <div class="pager">
		<p class="amount amount-top"></p>
                    <!--p class="amount amount-bottom"></p-->
        <div class="pages">       
		<span>Page: </span>
        <ol>
        
        
        
                                    <li class="current">1</li>
                                                <li><a href="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;order=name&amp;p=2">2</a></li>
                    

        
        
                    <li class="next">
                <a class="next i-next" href="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;order=name&amp;p=2" title="Next">
                                            next »
                                    </a>
            </li>
                </ol>

    </div>
    	
                <p class="view-mode">
                                    <label>View as:</label>
                                                <strong title="Grid" class="grid">Grid</strong>&nbsp;
                                                                <a href="http://www.venustheme.com/demo/ves_megastore/index.php/storage.html?dir=asc&amp;mode=list&amp;order=name" title="List" class="list">List</a>&nbsp;
                                                </p>
            
      
                </div>
            </div>
        </div>
</div>
						<!-- end main content -->		
						
</div>